<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<title>카톡ㅋㅋㅋ - 뜨는카톡유머모음</title>
<meta name="description" content="카톡유머 모음 어플리케이션" />
<meta name="keywords" content="카톡,유머,안드로이드,어플리케이션,ㅋㅋㅋ,카톡ㅋㅋㅋ" />
<meta name="author" content="TACO" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<link rel="apple-touch-icon" href="icon.jpg" />
<link rel="shortcut icon" href="favicon.jpg" />
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/swipe.js"></script>
<script>

	// 이미지 설명 : 이미지번호랑 배열번호랑 매칭해서 작성
	var arDesc = new Array();
	
	arDesc[3] = "test3";
	arDesc[2] = "test2";
	arDesc[1] = "test1";
	
	
	$(document).ready(function() {
		
		/*
		$(".img").click(function(){
			$(".blind").toggle("fast");
		});
		*/
		$("#count").html("1/" + $("#list").children().length);
		//$("#desc").html(arDesc[1]);
	});	

	function Save()
	{
		var arcnt = $("#count").html().split("/");
		var img_no = arcnt[1] - arcnt[0] + 1;
		window.location.href = "http://save#" + img_no;
	}
	
	function Share()
	{
		var arcnt = $("#count").html().split("/");
		var img_no = arcnt[1] - arcnt[0] + 1;
		window.location.href = "http://share#" + img_no;
	}
	
</script>
<style>
	html{background: none;}
	body{background:none; background-color: black}
	.blind{display:none;}
</style>
</head>
<body>
	<div id="wrap">
		 <div class="lef">
		 	<a href="index.html" class="btn  home">home</a>
		 </div>
		 <div id="count"></div>
		 <div class="rit">
		 	<a href="javascript:Share();" class="btn share">share</a>
			<a href="javascript:Save();" class="btn save">save</a>
		 </div>
		  <div class="img" id="touchSlider">
		 	<ul id="list">
				<li style="display: none"><span></span><img src="images/best/59.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/58.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/57.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/56.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/55.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/54.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/51.jpg"></li>
		 		<li style="display: none"><span></span><img src="images/best/50.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/49.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/48.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/47.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/46.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/45.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/44.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/43.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/42.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/41.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/39.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/37.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/36.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/35.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/33.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/32.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/30.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/29.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/28.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/27.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/26.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/25.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/24.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/23.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/22.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/21.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/20.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/19.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/18.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/17.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/15.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/14.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/13.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/12.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/7.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/5.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/3.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/2.jpg"></li>
				<li style="display: none"><span></span><img src="images/best/1.jpg"></li>
		 	</ul>
		 </div>
		 <div class="txt blind">
			<p id="desc"></p>
			<div class="blackBg"> </div>
		 </div>
	</div>
<script>
window.mySwipe = new Swipe(document.getElementById('touchSlider'), {
		callback: function(e, pos) {
			$("#count").html((pos + 1) + "/" + total);
			
			//$("#desc").html("");
			//$("#desc").html(arDesc[pos + 1]);
		}
}), total = $("#list").children().length;
</script>
</body>
</html>
